<!DOCTYPE html>
<html
  lang="en"
  style="
    background: url('img/bg (6).jpg') no-repeat;
    background-size: cover;
    background-attachment: fixed;
    clear: both;
  "
>
  <head>
    <meta charset="UTF-8" />

    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>九九九感冒绫</title>
    <link rel="stylesheet" href="CSS/Learning log.css" />
    <link rel="stylesheet" href="CSS/all.css" />
    <link rel="shortcut icon" href="img/logo.ico" type="image/x-icon" />

    <script src="Tools/jQuery.js"></script>
  </head>
  <body onload="lod()">
    <div
      style="
        background-image: linear-gradient(135deg, #15233150, #00000040);
        width: 1920px;
        height: 1080px;
        background-attachment: fixed;
        display: inline-block;
        position: fixed;
      "
    ></div>
    <div id="nav">
      <span id="top_s1">
        <a id="top_s1_01" href="index.html" style="color: white"
          ><h2 class=".flow">九九九感冒绫</h2>
          <span> ☫☩☯☤₪</span></a
        >
        <a id="top_s1_02" href="Learning log_loading.html" class="top_ssd">
          学习日志
        </a>
        <a id="top_s1_03" href="Resources.html" class="top_ssd"> 资源分享 </a>
        <a id="top_s1_04" href="gossip.html" class="top_ssd"> 杂言碎语 </a>
        <a id="top_s1_05" href="unfinished_oading.html" class="top_ssd">
          不知道写啥了 XD
        </a>
        <a id="top_s1_06" href="Contact me.html" class="top_ssd"> 联系我 </a>
      </span>
    </div>

    <br />
    <br />
    <br />
    <div id="copy">
      <h2><a href="">◈ 开源思想 ◈ 软件领域最伟大的思想 </a><br /></h2>
      <span
        ><a
          >我知道我目前做不到 但我仍会努力
          我会将互联网开源思想作为我人生的目标永远追寻 永远学习</a
        ></span
      >
    </div>
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <div id="article_Container">
      <ul id="articlelist">
        <!--  //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// -->

        <li style="position: relative; left: 0px; top: 0px">
          <a href="ContentTest helloword.html">
            <div class="wrap_div">
              <div class="boxCSS">
                <img src="img/banng (1).png" alt="" />
              </div>

              <div class="mask">
                <h3>程序员的第一步 Hello World</h3>
                <p>使用 java c# JavaScript c++ Python 输出 hello world</p>
                <span><p>2022年8月20日16:24:32</p></span>
              </div>
              <div class="article_title"">
              <h2>程序员的第一步 Hello World</h2>
            </div>
          </a>
        </li>
        <!--  //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// -->
        <li style="position: relative; left: 0px; top: 0px">
          <a href="ContentTest.html">
            <div class="wrap_div">
              <div class="boxCSS">
                <img
                  src="img/banng01.jpg"
                  alt=""
                  style="background-size: cover"
                />
              </div>
              <div class="mask">
                <h3>MIKU 01</h3>
                <p>MIKU 01 NO.1 The world No.1 Princess</p>
                <span><p>2022年8月20日16:04:16</p></span>
              </div>
              <div class="article_title"">
              <h2>TEST</h2>
            </div>
          </a>
        </li>
        <!--  //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// -->

        <!--  //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// -->
        <li style="position: relative; left: 0px; top: 0px">
          <a href="ContentTest.html">
            <div class="wrap_div">
              <div class="boxCSS">
                <img
                  src="img/banng (1).jpeg"
                  alt=""
                  style="background-size: cover"
                />
              </div>
              <div class="mask">
                <h3>TEST</h3>
                <p>TEST TESTTESTTESTTESTTEST</p>
                <span><p>2022年8月20日16:04:16</p></span>
              </div>
              <div class="article_title"">
              <h2>TEST</h2>
            </div>
          </a>
        </li>
        <!--  //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// -->
        <!--  //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// -->
        <li style="position: relative; left: 0px; top: 0px">
          <a href="ContentTest.html">
            <div class="wrap_div">
              <div class="boxCSS">
                <img
                  src="img/banng (4).jpg"
                  alt=""
                  style="background-size: cover"
                />
              </div>

              <div class="mask">
                <h3>TEST</h3>
                <p>TEST TESTTESTTESTTESTTEST</p>
                <span><p>2022年8月20日16:04:16</p></span>
              </div>
              <div class="article_title"">
              <h2>TEST</h2>
            </div>
          </a>
        </li>
        <!--  //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// -->

        <!--  //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// -->
        <li style="position: relative; left: 0px; top: 0px">
          <a href="ContentTest.html">
            <div class="wrap_div">
              <div class="boxCSS">
                <img
                  src="img/banng (5).jpg"
                  alt=""
                  style="background-size: cover"
                />
              </div>
              <div class="mask">
                <h3>TEST</h3>
                <p>TEST TESTTESTTESTTESTTEST</p>
                <span><p>2022年8月20日16:04:16</p></span>
              </div>
              <div class="article_title"">
              <h2>TEST</h2>
            </div>
          </a>
          <!--  //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// -->
        </li>
      </ul>

      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <script>
        /*  $(function () {
        $(".wrap_div").hover(
          function () {
            $(".article_title").hide();
          },
          function () {
            $(".article_title").show();
          }
        );
      }); */
      </script>
      <!-- 导入光标特效 -->
      <link rel="stylesheet" href="Tools/光标.css" />
      <script src="Tools/光标.js"></script>
      <script src="JS/all.js"></script>
    </div>
  </body>
</html>
